<template>
	<view class="content">
		<view class="title">
			<image src="/static/danwang/rule1.png" mode=""></image>
			<span>完单周榜是什么？</span>
		</view>
		<view class="text"> 所有雇员参与其中，在周一至周日期间统计和记录完成的订单情况，并根据完单数量从高到低进行排名 (若单量相同，则以本周总工作时长再进行排名)。 </view>
		<view class="title">
			<image src="/static/danwang/rule2.png" mode=""></image>
			<span>完单周榜有什么奖励吗？</span>
		</view>
		<view class="text"> 目前奖励为{{rank}}，后续还有其他奖励，可以持续关注 </view>
		<view class="title">
			<image src="/static/danwang/rule3.png" mode=""></image>
			<span>完单数有什么要求吗？</span>
		</view>
		<view class="text"> 完单数指派单被结算，对订单工时没有要求。 </view>
		<view class="title">
			<image src="/static/danwang/rule4.png" mode=""></image>
			<span>完单周榜的奖品什么时间送达？</span>
		</view>
		<view class="text"> 满足奖励要求，会有专属通道客服与您取得联系，请正常保证电话通畅即可。 </view>
		<view class="title">
			<image src="/static/danwang/rule5.png" mode=""></image>
			<span>活动注意项</span>
		</view>
		<view class="text"> 本活动禁止任何形式刷单行为，违者将严肃处理。 本活动最终解释权归蜜蜂日结所有。 </view>
	</view>
</template>
<script>
	export default {
		data() {
			return {
				rank: ''
			};
		},
		onShow() {
			this.getSetting()
		},
		methods: {
			async getSetting() {
				let res = await this.$fetch(this.$api.property_list_by_type_and_key, {
					type: 1,
					key: 'single_king_weekly_list_config'
				}, 'POST')
				if (res.code != 0) {
					return
				}
				this.rank = res.data
			},
		}
	}
</script>
<style lang="less" scoped>
	.content {
		width: 100%;
		height: 100vh;
		background: #fff;
		padding: 40rpx 30rpx;
		box-sizing: border-box;

		.title {
			display: flex;
			align-items: center;
			margin-bottom: 20rpx;

			image {
				width: 48rpx;
				height: 48rpx;
			}

			span {
				color: #262626;
				font-size: 32rpx;
				font-weight: bold;
				margin-left: 10rpx;
			}
		}

		.text {
			font-size: 28rpx;
			color: #515151;
			margin-bottom: 40rpx;

			span {
				padding: 0 10rpx;
				font-weight: bold;
			}
		}
	}
</style>
